<template>
  <section class="UserProfile_container">
    {{ userInfo }}
    <div class="info">
      <div class="left"></div>
      <div class="right"></div>
    </div>
    <student-card />
  </section>
</template>

<script>
// import StudentCard from "./Student/StudentCard.vue";
export default {
  components: { StudentCard },
  computed: {
    userInfo() {
      return JSON.parse(sessionStorage.userinfo);
    },
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.UserProfile_container {
  .info {
    display: flex;
  }
}
</style>
